﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ReportSite.master" AutoEventWireup="true"
CodeBehind="InventoryReport.aspx.cs" Inherits="XYZ_Inventory.InventoryReport" %>

<asp:Content ID="Content1" ContentPlaceHolderID="htmlHead" runat="server">
    <style>
        .table tr:nth-child(odd) { background: whitesmoke; }

        .table tr:nth-child(even) { background: white; }

        .table td { border: 1px solid whitesmoke; }

        .table td:first-child {
            background-color: #008080;
            color: White;
            font-weight: bold;
        }

        .table td { padding: 0.5em; }

        .table tr:first-child {
            background-color: #5D7B9D;
            color: White;
            font-weight: bold;
        }

        .table tr:first-child td:first-child {
            -ms-border-top-left-radius: 0.5em;
            background-color: #5D7B9D;
            border-top-left-radius: 0.5em;
            color: White;
        }

        .table tr:first-child td:last-child {
            -ms-border-top-right-radius: 0.5em;
            border-top-right-radius: 0.5em;
        }

        .table tr:nth-child(2) {
            background-color: #008080;
            color: White;
            font-weight: bold;
        }

        .custom {
            -ms-border-radius: 0.5em;
            background: white;
            border: 1px solid lightgray;
            border-radius: 0.5em;
        }

        .custom td { padding: 0.5em; }

        .custom td:first-child { text-align: right; }

        .custom select {
            -ms-border-radius: 0.5em;
            border-radius: 0.5em;
            outline: none;
            padding: 0.5em;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <div style="padding: 0 1em 1em 1em;">
        <h2>
            Inventory Reports
        </h2>
        <br/>
        <br/>
        <table class="custom">
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Year"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="ddlYears" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlYears_OnSelectedIndexChanged">
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
        <br/>
        <br/>
        <h3>
            Finished product inventory report
        </h3>
        <br/>
        <br/>
        <table runat="server" id="tblProductInventory" class="table" style="text-align: center">
        </table>
        <br/>
        <br/>
        <h3>
            Finished raw material inventory report
        </h3>
        <br/>
        <table runat="server" id="tblRawMaterialInventory" class="table" style="text-align: center">
        </table>
    </div>
</asp:Content>